<template>
    <div class="content">
        <h1>{{ title }}</h1>
          <!--
      在封装组件的时候,使用slot标签进行占位,这个位置就是插槽区域,未来在使用组件的时候,可以向插槽区域插入内容或者结构
      -->
      <slot></slot>
    </div>
  
</template>

<script>
export default {
name:"Content",
props:["title","detail"]
}
</script>

<style scoped>

.content {
  width: 200px;
  height: 300px;
  background: greenyellow;
}

.content h1 {
  background: yellow;
}
</style>